/*http://s.aeriastatic.com/files/aurakingdom/document/a/ak-classes-node-01.css*/

@import url(http://fonts.googleapis.com/css?family=Overlock:400,700,900);

/*html, html *{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}*/

.ak-class:before, .ak-class:after{content:"";position:absolute;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;}

#dumb-ie{display:none;}

.ak-class{width:180px;height:180px;float:left;margin:5px;background-color:#c6e8da;position:relative;margin:0 3px 3px 0;}
.ak-class:nth-child(3n+2){margin:0 0 3px 0;}

#container-tag{width:932px;height:540px;background:url(http://s.aeriastatic.com/files/aurakingdom/image/a/ak-classes-131014-01-vid-frame.jpg) 0 0 no-repeat;position:absolute;z-index:9999999999;top:250px;left:calc(50% - 466px);display:none;}

#container-tag *{font-family:'Overlock', sans-serif;}

#container-tag section{width:900px;height:505px;position:relative;box-shadow:0 0 0 1px #fff, 0 0 0 2px rgba(0,0,0,0.4);top:16px;left:16px;display:none;}

#container-tag video{width:900px;height:505px;background-color:black;}
#container-tag section h1{position:absolute;font-size:60px;color:#fff;text-shadow:0 0 12px #000b19, 0 0 12px #000b19, 0 0 12px #000b19;font-weight:900;margin:10px 0 0 27px;}
#container-tag section p{font-size:15px;background-color:rgba(255,255,255,0.8);width:870px;height:35px;position:relative;top:-70px;padding:15px;text-shadow:0 2px 0 #c1ffee;color:#1e1e1e;font-weight:700;}

#close-btn{width:37px;height:30px;background:url(http://s.aeriastatic.com/files/aurakingdom/image/a/ark_close_btn_30x30_1.png) center top no-repeat;position:absolute;right:-20px;top:-14px;}
#close-btn:hover{cursor:pointer;}

.ak-class{background-position:0 0;background-repeat:no-repeat;}

.ak-class p{width:100%;text-align:center;background-color:rgba(30,30,30,0.9);position:absolute;bottom:0;margin:0;padding:7px 0;color:#fff;font-weight:700;font-size:16px;}

.char-inactive{cursor:default !important;background-position:-235px 0;}

.all-stats{position:absolute;width:calc(100% - 0px);height:35px;bottom:55px;background-color:rgba(255, 255, 255, 0.3);padding:10px 0 5px 15px;}
.all-stats span{float:left;height:30px;padding:2px 5px 0 6px;top:900px;margin:0 13px 0 0;font-size:12px;font-weight:600;background-color:rgba(225,225,225,0.9);box-shadow:0 1px 4px rgba(0,0,0,0.9);}
.all-stats span:after{content:'';display:block;width:60px;height:20px;position:relative;top:9px;left:4px;float:right;background-repeat:no-repeat;background-position:0 0;}
.star-0:after{background:url(http://s.aeriastatic.com/files/aurakingdom/image/a/ak-classes-131014-01-stars-0.png) 0 0 no-repeat;}
.star-1:after{background:url(http://s.aeriastatic.com/files/aurakingdom/image/a/ak-classes-131014-01-stars-1.png) 0 0 no-repeat;}
.star-2:after{background:url(http://s.aeriastatic.com/files/aurakingdom/image/a/ak-classes-131014-01-stars-2.png) 0 0 no-repeat;}
.star-3:after{background:url(http://s.aeriastatic.com/files/aurakingdom/image/a/ak-classes-131014-01-stars-3.png) 0 0 no-repeat;}

.char-inactive:before, .char-inactive:after{display:none;}

.ak-class:after{width:50px;height:64px;background:url(http://s.aeriastatic.com/files/aurakingdom/image/a/ak-classes-131014-01-magnifier.png) 0 0 no-repeat;top:calc(50% - 32px);left:calc(50% - 25px);z-index:2;}
.ak-class:before{left:calc(14% - 25px);width:inherit;height:inherit;background:rgba(0,19,20,0.8);background:-webkit-radial-gradient(center, rgba(43,84,96,0.8) 1%, rgba(0,19,20,0.9) 50%, rgba(0,19,20,1) 100%);background:-moz-radial-gradient(center, rgba(43,84,96,0.8) 1%, rgba(0,19,20,0.9) 50%, rgba(0,19,20,1) 100%);background:-o-radial-gradient(center, rgba(43,84,96,0.8) 1%, rgba(0,19,20,0.9) 50%, rgba(0,19,20,1) 100%);background:-ms-radial-gradient(center, rgba(43,84,96,0.8) 1%, rgba(0,19,20,0.9) 50%, rgba(0,19,20,1) 100%);z-index:1;}

.ak-class:hover{cursor:pointer;}
.ak-class:hover:before, .ak-class:hover:after{opacity:1;}

#overlay-tag{background-color:rgba(0,0,0,0.75);width:99999px;height:99999px;z-index:9999999999999999;position:fixed;top:0;left:0;display:none;}

.arrows{width:70px;height:110px;background:url(http://s.aeriastatic.com/files/aurakingdom/image/a/ak-classes-131014-01-arrow.png) 0 0 no-repeat;position:absolute;top:225px;z-index:1;opacity:0.7;}
#right-arrow{-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-ms-transform:scaleX(-1);right:-58px;}
#left-arrow{left:-58px;}
.arrows:hover{cursor:pointer;opacity:1;}

.node{margin:-20px 0 0 0;}